<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>校园管理系统</title>
	<link rel="stylesheet" href="/css/common.css">
	<link rel="stylesheet" href="/scriptZIP/layui.min.css">
	<link rel="stylesheet" href="/css/motai2.css">
	<link rel="stylesheet" href="/css/menu.css" />
	<link rel="stylesheet" href="/scriptZIP/font-awesome.css">
	<link rel="stylesheet" href="/css/school_menu.css">
	<link rel="stylesheet" href="/css/skyblue/school_menu.css">
</head>

<body class="main-body">
	<div id="vue-root" :class="theme">
		<div class="main-header">
			<div class="main-logo_l" v-text="school.name" align="center"></div>
			<div class="main-right">
				<p class="main-username">{{$t('用户')}}：{{username}}</p>
				<ul class="main-dropdown-menu">
					<li>
						<a class="main-dropdown-menu-a" href="../agent/history.html" target="myiframe" v-t="'历史公告'"></a>
					</li>
					<li v-t="'修改信息'" @click="show=true"></li>
					<li class="main-dropdown-download" @click="popup=true">
						<span v-t="'下载教程'"></span>
					</li>

					<li class="main-dropdown-logout">
						<a class="main-dropdown-menu-a" href="/pc/logout" v-t="'点击退出'"></a>
					</li>
					<li v-t="'切换主题'" @click="show1=true"></li>
				</ul>
			</div>

		</div>

		<div class="main-side" align="left">
			<div class="main-side-scroll">
				<form id="form" method="post" ref="form" enctype="multipart/form-data" style="display: none">
					<input type="file" id="file" ref="file" name="file" accept="image/*" @change="upload">
				</form>
				<div class="user_info" align="center">
					<label for="file">
						<img :src="getImg(avatar)" alt="" class="header_img_l" align="center" title="点击更换头像">
					</label>
				</div>
				<br>
				<div class="partition"></div>

				<ul id="accordion" class="accordion" v-if="loaded">
					<!-- fold点击高亮控制，取反 -->
					<li v-for="(menu,index) in menues" :key="index" :class="{open:!fold&&mainstyle0==index}"
						v-if="!menu.hidden&&any(menu)">
						<div class="link" @click="onclick(index)">
							<i class="fa" :class="{[menu.headerImg]:true}"></i>{{$t(menu.title)}}
							<i class="fa fa-chevron-down arrow"></i>
						</div>
						<!-- <transition name="collapse" mode="out-in"> -->
						<ul class="submenu"
							:style="{height:(!fold&&mainstyle0==index)?(menues_length(menu.menues))+'px':'0'}">
							<li v-for="(sub,index1) in menu.menues" :key="index1" v-if="!sub.hidden">
								<a target="myiframe" :href="sub.ref" @click="onclick1(index,index1)" v-t="sub.title"
									:class="{selected:mainstyle==index&&mainstyle1==index1}"></a>
							</li>
						</ul>
						<!-- </transition> -->
					</li>
				</ul>

			</div>
		</div>
		<div class="main-content main-content-right" style="left: 220px; top: 20px;" v-if="isShowMenuAndHome">
			<iframe :src="filtrateHome()" name="myiframe" scrolling="auto" overflow-y="auto"></iframe>
		</div>
		<div class="record-number">
			<a>
				版权所有&copy;2006-2019</a>
			<a href="http://www.miit.gov.cn" target="_blank">粤ICP备17102741号</a>
			<a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44011302002266" target="_blank">
				<img class="icon" src="../image/police-icon.png">&nbsp;&nbsp;粤公网安备&nbsp;&nbsp;44011302002266号
			</a>
		</div>
		<!--		<div id="modal-overlay3" :class="{show:show1}">-->
		<!--			<div class="modal-data13">-->
		<!--				<div class="theme" v-for="theme in themes" :key="theme.name">-->
		<!--					<div @click="theme_change(theme.key)"-->
		<!--						:style="{'background-color':theme.color,width:'30px',height:'30px'}"></span>-->
		<!--						<span>{{theme.name}}</span>-->
		<!--					</div>-->
		<!--				</div>-->
		<!--			</div>-->
		<!--		</div>-->
			<!-- 模态框 -->
		<div id="modal-overlay3" :class="{show:show}">
			<div class="modal-data13">
				<div class="modal_title">用户信息 <span @click="show=false">取消</span></div>
				<div class="modal-content">
					<div class="modal">
						<div class="modal-title">账号</div>
						<input class="modal_username" disabled="disabled" v-model="me.username">
					</div>
					<div class="modal">
						<div class="modal-title">密码</div>
						<input class="modal_password" v-model="me.password">
					</div>
				</div>
				<hr style="margin-top: 10px">
				<button class="sure" @click="show=false">关闭</button>
				<button class="back" @click="submit">保存</button>
				<!-- <div class="theme" v-for="theme in themes" :key="theme.name">
					<div @click="theme_change(theme.key)"
						:style="{'background-color':theme.color,width:'30px',height:'30px'}"></span>
						<span>{{theme.name}}</span>
					</div>
				</div> -->

			</div>


			<div class="front" v-if="html">
				<div class="notice">
					<div class="notice-do">
						<button v-if="seconds>0" class="notice-btn">{{seconds}}s</button>
						<button v-else @click="html=null" class="notice-btn">确定</button>
					</div>
					<div v-html="html" @click.stop="pop_pic_change" style="padding: 10px;"></div>
				</div>
			</div>
			<div v-if="pop_img" class="pop-up" @click="pop_img=false">
				<img class="pop_pic" :src="pop_pic" alt="">
			</div>
		</div>


		<div class="mask" v-if="popup" @click="popup=false">
			<div class="tutorials" @click.stop>
				<div class="tutorials-title">点击下载教程</div>
				<div class="tutorial"><a href="/tutorial/考勤软件更新教程.mp4">考勤软件更新教程</a></div>
				<div class="tutorial"><a href="/tutorial/校园平台操作教程.pdf">校园平台操作教程</a></div>
				<div class="tutorial"><a href="/tutorial/人脸识别考勤机使用教程.pdf">人脸识别考勤机使用教程</a></div>
				<div class="tutorial"><a href="/tutorial/考勤机硬件安装教程（10.1壁挂）.mp4">考勤机硬件安装教程（10.1壁挂）</a></div>
				<div class="tutorial"><a href="/tutorial/考勤机设备号及主板型号.mp4">考勤机设备号及主板型号</a></div>
				<div class="tutorial"><a href="/tutorial/考勤机连接WiFi.mp4">考勤机连接WiFi</a></div>
				<div class="tutorial"><a href="/tutorial/教师常用功能.pdf">教师常用功能</a></div>
				<div class="tutorial"><a href="/tutorial/分班播报机添加教程.pdf">分班播报机添加教程</a></div>
			</div>
		</div>

		<script src="/scriptZIP/qs.min.js"></script>
		<script src="/scriptZIP/vue.min.js"></script>
		<script src="/scriptZIP/axios.min.js"></script>

		<script src="/scriptZIP/dayjs.min.js"></script>

		<script src="/scriptZIP/dayjs.min.js"></script>


		<script src="/js/common.js"></script>
		<script src="/js/bg.js"></script>
		<script src="/js/auth_util.js"></script>
		<script src="/js/i18n.js"></script>

		<script>
			setI18n({
				基础管理: 'Basic management',
				校园汇总: 'Campus summary',
				// 模块管理: 'Module management',
				账号管理: 'Account management',
				食谱管理: 'Recipe Management 2.0',
				广告图: 'Slide management',
				// 监控管理: 'Monitoring management',
				教务管理: 'Educational Administration',
				教师管理: 'Teacher management',
				年级管理: 'Grade management',
				班级管理: 'Class management',
				学生管理: 'Student Management',
				课程管理: 'Course management',
				每周课表: 'Weekly timetable',
				成绩管理: 'Performance management',
				校务管理: 'School Affairs Management',
				// 校园设置: 'Campus setting',
				学校简介: 'School Profile',
				学校新闻: 'School news',
				学校招生: 'School admissions',
				学校通知: 'School notice',
				在线报名: 'Online Registration',
				// 互动管理: 'Interaction management',
				// 班级圈管理: 'Class circle management',
				// 作业管理: 'Job management',
				// 请假管理: 'Leave management',
				// 班级通知: 'Class notification',
				考勤管理: 'Attendance management',
				考勤记录: 'Attendance Record',
				考勤卡库: 'Attendance Card',
				补签记录: 'Reissue record',
				访客记录: 'Visitor Record',
				人脸日志: 'Face log',
				设备管理: 'Equipment management',
				考勤机: 'Attendance machine',
				分班播报机: 'Shift broadcast machine',
				访客机: 'Guest machine',
				财务管理: 'Financial Management',
				缴费管理: 'Payment Management',
				打印机: 'printer',
				订单管理: 'Order management',
				打卡消课: 'Check in and eliminate class',
				教室管理: 'Classroom management',
				课程管理: 'Course management',
				排课管理: 'Schedule management',
				签到管理: 'Sign-in management',
				// 可视化放学: 'Visualization after school',
				// 放学管理: 'Management after school',
				// 设备管理: 'Equipment management',
				// 闲时播报: 'Announce in Free Time',
				// 校车管理: 'School bus management',
				// 行进线路: 'Route of travel',
				// 车辆管理: 'Vehicle management',
				// 行程管理: 'Itinerary management',
				// 校车考勤: 'School bus attendance',
				用户: 'User',
				历史公告: 'Historical announcement',
				修改信息: 'Modify information',
				下载教程: 'Download tutorial',
				点击退出: 'Log out'
			});

			var app = new Vue({
				el: '#vue-root',
				i18n: i18n,
				data: {
					isShowMenuAndHome:false,//解决当菜单不显示时页面闪现菜单问题
					loaded: false,
					mainstyle: 0,
					mainstyle1: null,
					mainstyle0: 0,
					school: {},
					show: false,
					show1: false,
					popup: false,
					html: null,
					seconds: 3,
					menues: [
						{
							title: '校区管理',
							ref: 'basis.html',
							headerImg: 'fa-server',
							menues: [{
								title: '首页',
								ref: 'home_page.html',
								key1: 'summary'
							},
							{
								title: '员工账号',
								ref: 'educational_teacher.html',
								key1: 'teacherAccount'
							}]
						}, {
							title: '教务管理',
							headerImg: 'fa-address-card-o',
							menues: [
							{
								title: '学员管理',
								ref: 'educational_student.html',
								key1: 'studentMessage'
							},
							{
								title: '学情管理',
								ref: 'xueqing.html',
								key1: 'xueQingManagement'
							},
							{
								title: '分配班级',
								ref: 'assign_class.html',
								key1: 'grade'
							},
							{
								title: '续费管理',
								ref: 'renewalManagement.html',
								key1: 'renewalWarning1'
							},
							
						
							
							{
								title: '课程预警',
								ref: 'warning_reminder.html',
								key1: 'renewalWarning'
							},
							
							
							// {
							// 	title: '排课管理',
							// 	ref: 'educational_course.html',
							// 	key1: 'course'
							// },
							  {
								title: '排课管理',
								ref: 'eliminate_timetable.html',
								key1: 'courseScheduling'
							},
							{
								title: '班级管理',
								ref: 'educational_classes.html',
								key1: 'classes'
							},
							{
								title: '教室管理',
								ref: 'eliminate_classroom.html',
								key1: 'classroom',
							}]
						}, 
						{
							title:'餐食管理',
							headerImg:'fa-list-alt',
							menues:[
							{
								title: '报餐管理',
								ref: 'meal_school.html',
								key: 'mealSubscription',
								key1: 'mealSubscription'	
							},
							{
								title: '餐费管理',
								ref: 'school_table_money.html',
								key: 'mealFee',
								key1: 'mealFee'	
							},
							{
								title: '食谱查看',
								ref: 'basis_cookbook2.html',
								key: 'cookbook',
								key1: 'cookbook'	
							},]
						},
						{
							title: '招生管理',
							ref: '',
							headerImg: 'fa-user-plus',
							menues:[
								{
									title: '招生信息',
									ref: 'educational_student_zhaos_school.html',
									key1: 'admissionInformation',
								},]
						},
						{
						// title: '数据管理',
						title: '管理分析',
						ref: '',
						headerImg: 'fa-signal',
						menues: [
													
							 {
								title: '课程分析',
								ref:'educational_course.html',
								key1: 'courseData',
							},
							{
								title: '续费分析',
								ref: 'renewal_analysis.html',
								key1: 'renewData',
							},
							{
								title: '报餐分析',
								ref: 'newmeal_analysis.html',
								key1: 'mealanalysis',
							},
							 {
								title: '校区分析',
								ref: '../statistics.html',
								key1: 'schoolData',
							}]
						},
						{
							title:'课销管理',
							ref:'',
							headerImg:'fa-gear',
							menues:[
								{
									title: '课销汇总',
									ref: '../null.html',
									key1: 'classMarketing'
								},
								{
									title: '课销记录',
									ref:'attendance_records.html',
									key1:'salesRecord'
								},
								{
									title: '人脸上传',
									ref: 'attendance_card.html',
									key1: 'faceUpload'
								},
								{
									title: '补签功能',
									ref: '../null.html',
									key1: 'signature'
								},
								 {
									title: '补签记录',
									ref: 'attendance2_records.html',
									key: 'punch',
									key1: 'punch'
								}
							]
						},
						{
							title: '审核管理',
							headerImg: 'fa-calendar',
							menues: [
								{
									title: '请假申请',
									ref: 'interactive_leave.html',
									key: 'qingJiaShenPi',
									key1: 'qingJiaShenPi'
								}, {
									title: '停课申请',
									ref: 'suspend_course.html',
									key: 'tingKeShenPi',
									key1: 'tingKeShenPi'
								}, {
									title: '订单完善',
									ref: 'school_orderXx.html',
									key: 'shouDongDuiZhang',
									key1: 'shouDongDuiZhang'
								}, {
									title: '退款申请',
									ref: 'refund_school_order.html',
									key: 'tuiKuanShenPi',
									key1: 'tuiKuanShenPi'
								}]
						},
						{
							title:'人力资源',
							headerImg: 'fa-users',
							ref:'',
							menues:[
								{
									title: '绩效统计',
									ref: '../null.html',
									key: 'jiXiaoTongJi',
									key1: 'jiXiaoTongJi'
								}
							]
						},
						
						 {
							title: '财务管理',
							headerImg: 'fa-database',
							menues: [
								{
									title: '订单管理',
									ref: 'finance_order.html',
									key1: 'order'
								},
							
							]
						},
						{
							title: '公众号',
							headerImg: 'fa-graduation-cap',
							menues: [
								{
									title: '校区简介',
									ref: 'school.html',
									key1: 'intro'
								}, {
									title: '校区新闻',
									ref: 'school_news.html',
									key1: 'news'
								},
								{
									title: '校区通知',
									ref: 'school_notice.html',
									key1: 'notice'
								},
								{
							title: '广告图',
							ref: 'basis_slide.html',
							key1: 'slide'
					 	},

							]
						}, 
					],
					menues2: [{
						title: '基础管理',
						ref: 'basis.html',
						headerImg: 'fa-server',
						menues: [{
							title: '校园汇总',
							ref: 'home_page.html',
							key1: 'summary'
						},
						{
							title: '模块管理',
							ref: 'basis_module.html',
							key1: 'module'
						},
						{
							title: '权限管理',
							ref: 'account.html',
							key1: 'account'
						},
						{
							title: '账号管理',
							ref: 'account1.html',
							key1: 'account'
						}, {
							title: '食谱管理',
							ref: 'basis_cookbook2.html',
							key: 'cookbook',
							key1: 'cookbook'
						},
							// {
							// 	title: '监控管理',
							// 	ref: 'basis_monitor.html',
							// 	key: 'live',
							// 	key1: 'live'
							// }
						]
					}, {
						title: '教务管理',
						headerImg: 'fa-address-card-o',
						menues: [{
							title: '员工管理',
							ref: 'educational_teacher.html',
							key1: 'teacher'
						}, {
							title: '年级管理',
							ref: 'educational_grade.html',
							key1: 'grade'
						}, {
							title: '班级管理',
							ref: 'educational_classes.html',
							key1: 'classes'
						}, {
							title: '学生管理',
							ref: 'educational_student.html',
							key1: 'student'
						}, 
						// {
						// 	title: '课程管理',
						// 	ref: 'educational_course.html',
						// 	key1: 'course'
						// },
						 {
							title: '排课管理',
							
							ref: 'eliminate_timetable.html',
						}, {
							title: '教室管理',
							ref: 'eliminate_classroom.html',
						}, {
							title: '预警提醒',
							ref: 'warning_reminder.html'
						}]
					}, {
						title: '校务管理',
						headerImg: 'fa-graduation-cap',
						menues: [
							// 	{
							// 	title: '校园设置',
							// 	ref: 'school_set.html',
							// 	key1: 'period'
							// }, 
							{
								title: '学校简介',
								ref: 'school.html',
								key1: 'intro'
							}, {
								title: '学校新闻',
								ref: 'school_news.html',
								key1: 'news'
							},
							//  {
							// 	title: '学校招生',
							// 	ref: 'school_enrollment.html',
							// 	key1: 'enroll'
							// }, 
							{
								title: '学校通知',
								ref: 'school_notice.html',
								key1: 'notice'
							},
							// {
							// 	title: '在线报名',
							// 	ref: 'school_signup.html',
							// 	key1: 'signup'
							// }
							
						]
					}, {
						
						title: '考勤管理',
						headerImg: 'fa-calendar',
						menues: [
							{
								title: '考勤汇总',
								ref: 'attendance_summary.html',
								key1: 'attendance'
							},
							{
								title: '考勤记录',
								ref: 'attendance_records.html',
								key1: 'attendance'
							}, {
								title: '人脸上传',
								ref: 'attendance_card.html',
								key1: 'card'
							}, {
								title: '补签记录',
								ref: 'attendance2_records.html',
								key: 'punch',
								key1: 'punch'
							}
							// , {
							// 	title: '访客记录',
							// 	ref: 'guest.html',
							// 	key: 'guest',
							// 	key1: 'guest'
							// }, {
							// 	title: '人脸日志',
							// 	ref: 'facelog.html',
							// 	key: 'face',
							// 	key1: 'faceLog'
							// }
						]
					},
					// {
					// 	title: '设备管理',
					// 	headerImg: 'fa-cog',
					// 	menues: [{
					// 		title: '考勤机',
					// 		ref: 'device.html',
					// 		key1: 'device'
					// 	}, {
					// 		title: '分班播报机',
					// 		ref: '../board.html',
					// 		key1: 'board'
					// 	}, {
					// 		title: '访客机',
					// 		ref: 'device2.html',
					// 		key1: 'guestDevice'
					// 	},
					// 	{
					// 		title: '广告图',
					// 		ref: 'basis_slide.html',
					// 		key1: 'slide'
					// 	}, ]
					// }, 
					{
						title: '财务管理',
						headerImg: 'fa-database',
						menues: [{
							title: '订单管理',
							ref: 'finance_order.html',
							key1: 'order'
						},
						// {
						// 	title: '打印机',
						// 	ref: 'finance_printer.html',
						// 	key1: 'printer'
						// }
						{
							title: '缴费管理',
							ref: 'finance_pay.html',
							key1: 'charge'
						}]
						// }, {
						// 	title: '打卡消课',
						// 	ref: 'eliminate_course.html',
						// 	headerImg: 'fa-calendar-minus-o',
						// 	key: 'lesson',
						// 	key1: 'lesson',
						// 	menues: [ {
						// 		title: '课程管理',
						// 		ref: 'eliminate_course.html',
						// 	}, {
						// 		title: '排课管理',
						// 		ref: 'eliminate_timetable.html',
						// 	}, {
						// 		title: '签到管理',
						// 		ref: 'eliminate_attendance.html',
						// 	}]
						// }, {
						// 	title: '可视化放学',
						// 	ref: 'eliminate_course.html',
						// 	headerImg: 'fa-bell',
						// 	key: 'leaveSchool',
						// 	key1: 'leaveSchool',
						// 	menues: [{
						// 		title: '放学管理',
						// 		ref: 'release.html',
						// 	}, {
						// 		title: '设备管理',
						// 		ref: 'device3.html',
						// 	}, {
						// 		title: '闲时播报',
						// 		ref: 'carousel.html',
						// 	}]
						// }, {
						// 	title: '校车管理',
						// 	ref: 'bus.html',
						// 	headerImg: 'fa-bus',
						// 	key: 'bus',
						// 	key1: 'bus',
						// 	menues: [{
						// 		title: '行进线路',
						// 		ref: 'bus_site.html',
						// 	}, {
						// 		title: '车辆管理',
						// 		ref: 'bus.html',
						// 	}, {
						// 		title: '行程管理',
						// 		ref: 'bus_trip.html',
						// 	}, {
						// 		title: '校车考勤',
						// 		ref: 'bus_attendance_records.html',
						// 	}]
					}],
					avatar: null,
					userId: null,
					username: null,
					fold: true,
					pop_img: false,
					pop_pic: '',
					me: {
						username: null,
					},
					themes: [{
						name: '默认',
						color: 'white',
						key: ''
					}, {
						name: '测试',
						color: '#5bdaec',
						key: 'skyblue'
					}]
				},
				created: function () {
					var id = params().id;
					if (!id) throw 'no school id';
					this.school.id = id;
					localStorage['schoolId'] = id;
					axios.get('/pc/school/' + id).then(function (res) {
						this.school = res.data;
						
						localStorage.setItem('agentId', res.data.agentId);
						this.setMenus();
					}.bind(this));

					axios.get('/pc/user').then(function (res) {
						this.userId = res.data.id;
						this.username = res.data.username;
						this.me.username = res.data.username;
						localStorage.setItem('staffUserName', res.data.staffUserName);
						localStorage.setItem('staffUserId', res.data.staffUserId);
					}.bind(this));

					axios.get('/pc/user/school/' + id).then(function (res) {
						this.avatar = res.data.avatar;
						this.userId1 = res.data.id;
					}.bind(this));

					axios.get('/pc/history/list', {
						params: {
							schoolId: params().id
						}
					}).then(function (res) {
						var list = res.data.list;
						if (list.length == 0) return;

						var today = dayjs().format('YYYY-MM-DD');
						if (localStorage['history'] == today) return;
						localStorage['history'] = today;
						if (list[0].show) this.html = list[0].html;
					}.bind(this));
					var timer = setInterval(function () {
						this.seconds--;
						if (this.seconds < 0) clearInterval(timer);
					}.bind(this), 1000);

				},
				methods: {
					any: function (menu) {
						return menu.menues.some(function (it) {
							return !it.hidden;
						})
					},
					// 获取key值、key1
					hide: function (hides) {
						
						this.hide0(hides, 'key');
					},
					hide0: function (hides, key) {
						console.log('hides',hides)
						var func = function (it) {
							if ((key in it) && hides[it[key]])
								Vue.set(it, 'hidden', true);
						}

						this.menues.forEach(function (it) {
							func(it);
							it.menues.forEach(func);
						});
						var aa=this.filtrateHome()
						
					},
					//筛选默认显示页面
					filtrateHome:function(){
						var urlarr=[]
						for (let i = 0; i < this.menues.length; i++) {
							for (let j = 0; j < this.menues[i].menues.length; j++) {
								// console.log(this.menues[i].menues[j].hidden);
								if(!this.menues[i].menues[j].hidden){
									urlarr.push(this.menues[i].menues[j].ref)
								}
							}
						}
						// console.log(urlarr);
						this.isShowMenuAndHome=true
						if(urlarr.length){
							return urlarr[0];
						}else{
							return '/null.html'
						}
					},
					upload: function () {
						axios.post('/pc/upload/avatar?schoolId=' + this.school.id,
							new FormData(this.$refs.form)).then(function (res) {
								var avatar = res.data.data;
								axios.post('/pc/user/avatar/' + this.userId1 + '?avatar=' + avatar).then(
									function (res) {
										this.avatar = avatar;
									}.bind(this));
							}.bind(this));
					},
					getImg: function (pic) {
						return pic ? '/static/' + this.school.id + '/avatar/' + pic : '/image/admin.svg';
					},
					onclick: function (index) {
						if (this.mainstyle0 == index) this.fold = !this.fold;
						else {
							this.fold = false;
							this.mainstyle0 = index;
						}
					},
					onclick1: function (index, index1) {
						this.mainstyle = index;
						this.mainstyle1 = index1;
					},
					submit: function () {
						var o = {
							id: this.userId,
							username: this.me.username,
							password: this.me.password
						};
						if (o.username == this.username && !o.password) {
							this.show = false;
							return;
						}
						axios.put('/pc/user', o).then(function (res) {
							this.show = false;
							alert('修改成功');
						}.bind(this));
					},
					setMenus: function () {
						// this.hide(this.school.hides || {});//做iframe默认显示菜单中第一位功能时，注释的；有问题可以解除注释；解除注释后后出现代码闪现问题

						getAble(function (a) {
							console.log('aaaaaa',a)
							var o = {};
							for (var key in a)
								if (typeof a[key] == 'number')
									o[key] = !f(a[key])[0]; 
							this.hide0(o, 'key1');
							this.loaded = true;
						}.bind(this));
					},
					pop_pic_change: function (e) {
						if (!e.target.src) return;
						this.pop_pic = e.target.src;
						this.pop_img = true
					},
					theme_change: function (theme) {
						localStorage['theme'] = theme;
						window.location.reload()
					},
					menues_length(menues) {
						let arr = menues.filter(value => {
							return !value.hidden
						})
						return arr.length * 44
					}
				},
				computed: {
					theme() {
						return localStorage['theme']
					},
				}
			});
			sessionStorage.removeItem('hxt-p');
			if (sessionStorage.apk) {
				location.href = '/agent/apk.html';
				sessionStorage.removeItem('apk');
			}








			// menues: [
			// 			{
			// 				title: '基础管理',
			// 				ref: 'basis.html',
			// 				headerImg: 'fa-server',
			// 				menues: [{
			// 					title: '校区管理',
			// 					ref: 'home_page.html',
			// 					key1: 'summary'
			// 				},
			// 				{
			// 					title: '教师管理',
			// 					ref: 'educational_teacher.html',
			// 					key1: 'teacherAccount'
			// 				}, {
			// 					title: '食谱管理',
			// 					ref: 'basis_cookbook2.html',
			// 					key: 'cookbook',
			// 					key1: 'cookbook'
			// 				}]
			// 			}, {
			// 				title: '教务管理',
			// 				headerImg: 'fa-address-card-o',
			// 				menues: [
			// 				// 	{
			// 				// 	title: '年级管理',
			// 				// 	ref: 'educational_grade.html',
			// 				// 	key1: 'grade'
			// 				// },
			// 				 {
			// 					title: '教室管理',
			// 					ref: 'eliminate_classroom.html',
			// 					key1: 'classroom',
			// 				}, {
			// 					title: '课程管理',
			// 					ref: 'educational_course.html',
			// 					key1: 'course'
			// 				}, {
			// 					title: '班级管理',
			// 					ref: 'educational_classes.html',
			// 					key1: 'classes'
			// 				}, {
			// 					title: '排课管理',
			// 					ref: 'eliminate_timetable.html',
			// 					key1: 'courseScheduling'
			// 				}]
			// 			}, {
			// 				title: '学员管理',
			// 				headerImg: 'fa-address-card-o',
			// 				menues: [{
			// 					title: '学生信息',
			// 					ref: 'educational_student.html',
			// 					key1: 'studentMessage'
			// 				}, {
			// 					title: '预警提醒',
			// 					ref: 'warning_reminder.html',
			// 					key1: 'yuJingTiXing'
			// 				}, {
			// 					title: '家校共建激励方案',
			// 					ref: 'jiLiFangAn.html',
			// 					key1: 'jiLiFangAn'
			// 				}]
			// 			}, {
			// 				title: '校务管理',
			// 				headerImg: 'fa-graduation-cap',
			// 				menues: [
			// 					{
			// 						title: '学校简介',
			// 						ref: 'school.html',
			// 						key1: 'intro'
			// 					}, {
			// 						title: '学校新闻',
			// 						ref: 'school_news.html',
			// 						key1: 'news'
			// 					},
			// 					{
			// 						title: '学校通知',
			// 						ref: 'school_notice.html',
			// 						key1: 'notice'
			// 					}]
			// 			}, {
			// 				title: '考勤管理',
			// 				headerImg: 'fa-calendar',
			// 				menues: [
			// 					{
			// 						title: '考勤汇总',
			// 						ref: 'attendance_summary.html',
			// 						key1: 'attendanceSummary'
			// 					},
			// 					{
			// 						title: '考勤记录',
			// 						ref: 'attendance_records.html',
			// 						key1: 'attendance'
			// 					}, {
			// 						title: '人脸上传',
			// 						ref: 'attendance_card.html',
			// 						key1: 'faceUpload'
			// 					}, {
			// 						title: '补签记录',
			// 						ref: 'attendance2_records.html',
			// 						key: 'punch',
			// 						key1: 'punch'
			// 					}]
			// 			}, {
			// 				title: '审核管理',
			// 				headerImg: 'fa-calendar',
			// 				menues: [
			// 					{
			// 						title: '请假审批',
			// 						ref: '../null.html',
			// 						key: 'qingJiaShenPi',
			// 						key1: 'qingJiaShenPi'
			// 					}, {
			// 						title: '停课审批',
			// 						ref: '../null.html',
			// 						key: 'tingKeShenPi',
			// 						key1: 'tingKeShenPi'
			// 					}, {
			// 						title: '手动对账',
			// 						ref: 'school_orderXx.html',
			// 						key: 'shouDongDuiZhang',
			// 						key1: 'shouDongDuiZhang'
			// 					}, {
			// 						title: '退款审批',
			// 						ref: '../null.html',
			// 						key: 'tuiKuanShenPi',
			// 						key1: 'tuiKuanShenPi'
			// 					}]
			// 			}, {
			// 				title: '财务管理',
			// 				headerImg: 'fa-database',
			// 				menues: [
			// 					{
			// 						title: '订单管理',
			// 						ref: 'finance_order.html',
			// 						key1: 'order'
			// 					}, {
			// 						title: '退款管理',
			// 						ref: '../null.html',
			// 						key1: 'refundManagement'
			// 					}, {
			// 						title: '退款记录',
			// 						ref: '../null.html',
			// 						key1: 'refundRecord'
			// 					},]
			// 			}
			// 		],
		</script>
</body>

</html>